import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { MatSliderModule } from '@angular/material/slider';
import {MatTableModule} from '@angular/material/table';
import {MatFormFieldModule} from '@angular/material/form-field';
import { DeletionModalComponent } from './deletion-modal/deletion-modal.component';
import { Router } from '@angular/router';
import { EquipmentDetailComponent } from './equipment-detail/equipment-detail.component';
import { EquipmentListComponent } from './equipment-list/equipment-list.component';
import { EquipmentCreateionComponent } from './equipment-createion/equipment-createion.component'
import { HttpClientModule } from '@angular/common/http';
import { StoreModule } from '@ngrx/store'
import { FormsModule } from '@angular/forms'  
import { ReactiveFormsModule} from '@angular/forms'
import { equipmentReducer } from './equipmentReducer'
import {  MatInputModule } from '@angular/material/input';

@NgModule({
  declarations: [
    AppComponent,
    DeletionModalComponent,
    EquipmentDetailComponent,
    EquipmentListComponent,
    EquipmentCreateionComponent
  ],
  imports: [
     HttpClientModule,
        BrowserModule,
            ReactiveFormsModule,//Add if needed 
    FormsModule,     //Add if needed
           MatFormFieldModule,
        MatInputModule,
    MatTableModule,
    MatSliderModule,
    MatFormFieldModule,
    StoreModule.forRoot({ message: equipmentReducer }),
    AppRoutingModule,
    BrowserAnimationsModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {
}
